<template>
	<view class="about" :data-theme="theme" :class="theme" :style="globalColor.style">
		<HeadCustom></HeadCustom>
		<view class="img_box">
			<image class="bw-box" src="https://ebc-prod.cdn.benwunet.com/uni-static/h5/logo_new.png" mode=""></image>
			<!-- <view class="bw-box fboxRow Xcenter Ycenter"><text>本</text></view> -->
			<view class="text-box1" style="margin-bottom: 10rpx;">
				本无名片
			</view>
			<view class="text-box1">
				V{{level}}
			</view>
			<!-- <text>本无名片</text> -->
		</view>
		<view class="cell font28 fboxRow Ycenter"
				@click="openPhone(item)"
				v-for="(item, index) in aboutList"
				:key="index">
			<view class="flex1 font32">{{item.type}}</view>
			<text class="font30 value">{{item.value}}</text>
			<text class="bwfont bw-arrow-right color-ACB4C7 font26"></text>
		</view>
		<u-tabbar :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
			<view class="bq_box"><text>©本无网络科技有限公司</text></view>
		</u-tabbar>
	</view>
</template>

<script>
import env from '@/api/env.js';
export default {
	props: {
		title: ''
	},
	data() {
		return {
			theme: getApp().globalData.appTheme,
			globalColor: getApp().globalData.globalColor,
			level: env.level,
			aboutList: [
				{
					type: '客服热线',
					value: '023-6505-6015'
				},
				{
					type: '协议与条款',
					value: '',
					url: '/agreementMine'
				},
				{
					type: '前往“本无名片”APP',
					value: '',
					url: '/about/guidePage'
				}
			]
		};
	},
	onLoad() {
		uni.setNavigationBarTitle({
			title: `关于我们`
		});
	},
	methods: {
		openPhone(item) {
			if (item.value) {
				uni.makePhoneCall({
					phoneNumber: item.value, // 电话号码
					success: res => {}, // 成功
					fail: err => {} // 失败
				});
			}else{
				this.$pageTo(item.url)
			}
		}
	}
};
</script>

<style lang="scss" scoped>
	.cell{padding: 0 30rpx; height: 100rpx; color: var(--titleFontColor) ; border-bottom: 1rpx solid var(--backgroundDivisionColor) !important;}
	.cell .value{color:var(--contentFontLightColor)}
	.cell .bwfont{margin-left: 10rpx;}
.bq_box {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #acb4c7;
	width: 100%;
}
.about {
	height: 100vh;
	.img_box {
		height: 400rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		.bw-box {
			width: 112rpx;
			height: 112rpx;
			background: #0045a2;
			border-radius: 12rpx;
			margin-bottom: 20rpx;

			> text {
				font-size: 48rpx;
				font-weight: 700;
				color: #f7f9ff;
			}
		}
		> image {
			width: 88rpx;
			height: 88rpx;
			margin-bottom: 20rpx;
		}
		.text-box1{
			font-weight: 400;
			font-size: 26rpx;
			color: var(--titleFontColor);
		}
		
		> text {
			font-weight: 400;
			font-size: 26rpx;
			color: #F7F9FF;
		}
	}
}
</style>
